<!--定义文件类型 ：语义化
-->
<!DOCTYPE html>
<!--定义文件内容为英语-->
<html lang="en">
<head>
    <!--    html里面用<></>包含起来的，叫做标签 <>开始标签</>结束标签-->
    <!--    定义文件编码格式UTF-8-->
    <meta charset="UTF-8"/>
    <title>网站首页</title>
    <!--    定义浏览器标签里面的图标-->
    <!--    href里面是图片的地址
    dos 命令  dir  cd  d:  cd.. exit
    -->
    <link rel="icon" href="../img/logo_g0yv.jpg" type="img/x-ico">
    <link rel="stylesheet" href="../css/home.css">

</head>
<!--前端内容所有展示的内容都放入body
暂时只需要学一个div元素（标签，容器）img
-->
<!--div+tab  创建一个div
ctrl+alt+l  代码自动对齐
-->
<!--div 默认换行显示 块元素 -->
<!--以后，html里面不允许出现css代码，应该将css代码提取出去-->
<body>
<div>1</div>
<div>2</div>
<div class="three">3</div>
<div>4</div>
<div>5</div>
<a>aaa</a>
<p>ppp</p>
<span>span</span>
<aaaaa>艾弗森客户发动机</aaaaa>
<!--html里面的命名规则：一般情况下，推荐
类名：用中划线bj-img
id名：用小驼峰：bjImg
其他用下划线：bj_img
-->
<div class="bj-img">图片</div>
<!--以后样式不要直接放入到div里面，应该提取出来-->
<div class="top"
     id="topId"
     title="top_title"
     style=""
     aaaa=""
     onclick=""
     contenteditable="">

    <div>
        <div>
            <div class="left">aa</div>
        </div>
        <div>
            <div class="mid">
                <div class="single-over">发生疯狂拉升奋达科技发生疯狂拉升奋达科技发生疯狂拉升奋达科技发生疯狂拉升奋达科技发生疯狂拉升奋达科技发生疯狂拉升奋达科技</div>
                <div class="single-over">cc</div>
                <div class="many-over-two">发生疯狂拉升奋达科技发生疯狂拉升奋达科技发生疯狂拉升奋达科技发生疯狂拉升奋达科技发生疯狂拉升奋达科技发生疯狂拉升奋达科技</div>
                <div class="many-over-three">发生疯狂拉升奋达科技发生疯狂拉升奋达科技发生疯狂拉升奋达科技发生疯狂拉升奋达科技发生疯狂拉升奋达科技发生疯狂拉升奋达科技</div>
            </div>
        </div>
        <div>
            <div class="right">dd</div>
        </div>
    </div>
</div>
<div class=""></div>
<div class="many-over-three test">发生疯狂拉升奋达科技发生疯狂拉升奋达科技发生疯狂拉升奋达科技发生疯狂拉升奋达科技发生疯狂拉升奋达科技发生疯狂拉升奋达科技</div>
</body>
</html>